<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery-EasyUI 1.1 应用实例</title>
    <link href="css/default.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="js/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="js/themes/icon.css" />
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.easyui.min-1.2.0.js"></script>
	<script type="text/javascript" src='js/outlook.js'> </script>

    <script type="text/javascript">
     let _menus =  [{
		"menuid" : "1",
		"icon" : "icon-sys",
		"menuname" : "用户管理",
		"menus" : [{
			"menuid" : "2",
			"menuname" : "前台用户管理",
			"icon" : "icon-nav",
			"url" : "userlist.html"
		},{
			"menuid" : "22",
			"menuname" : "留言管理",
			"icon" : "icon-nav",
			"url" : "messagelist.html"
		}]
	},{
		"menuid" : "3",
		"icon" : "icon-sys",
		"menuname" : "加盟管理",
		"menus" : [{
			"menuid" : "4",
			"menuname" : "本地生活加盟",
			"icon" : "icon-nav",
			"url" : "server_life.html"
		}, {
			"menuid" : "5",
			"menuname" : "本地商务加盟",
			"icon" : "icon-nav",
			"url" : "server_commerce.html"
		}, {
			"menuid" : "6",
			"menuname" : "加盟审核",
			"icon" : "icon-nav",
			"url" : "commpany_examinelist.html"
		}]
	}, {
		"menuid" : "7",
		"icon" : "icon-sys",
		"menuname" : "服务管理",
		"menus" : [{
			"menuid" : "8",
			"menuname" : "服务审核",
			"icon" : "icon-nav",
			"url" : "server_examinelist.html"
		}, {
			"menuid" : "23",
			"menuname" : "平台服务",
			"icon" : "icon-nav",
			"url" : "serverlist.html"
		}, {
			"menuid" : "9",
			"menuname" : "前台子账号",
			"icon" : "icon-nav",
			"url" : "subaccount.html"
		}]

	} , {
		"menuid" : "12",
		"icon" : "icon-sys",
		"menuname" : "数据管理",
		"menus" : [{
			"menuid" : "13",
			"menuname" : "生活服务类型管理",
			"icon" : "icon-nav",
			"url" : "life_typelist.html"
		},
		{
			"menuid" : "14",
			"menuname" : "商务服务类型管理",
			"icon" : "icon-nav",
			"url" : "commerce_typelist.html"
		},{
			"menuid" : "17",
			"menuname" : "站内通知管理",
			"icon" : "icon-nav",
			"url" : "notice.html"
		}]

	}, {
		"menuid" : "18",
		"icon" : "icon-sys",
		"menuname" : "权限管理",
		"menus" : [ {
			"menuid" : "19",
			"menuname" : "权限管理",
			"icon" : "icon-nav",
			"url" : "permission.html"
		}, {
			"menuid" : "20",
			"menuname" : "角色管理",
			"icon" : "icon-nav",
			"url" : "role.html"
		} , {
			"menuid" : "21",
			"menuname" : "后台用户管理",
			"icon" : "icon-nav",
			"url" : "manager.html"
		} ]

	}];
        //设置登录窗口
        function openPwd() {
            $('#w').window({
                title: '修改密码',
                width: 300,
                modal: true,
                shadow: true,
                closed: true,
                height: 160,
                resizable:false
            });
        }
        //关闭登录窗口
        function closePwd() {
            $('#w').window('close');
        }

        

        //修改密码
        function serverLogin() {
            var $newpass = $('#txtNewPass');
            var $rePass = $('#txtRePass');

            if ($newpass.val() == '') {
                msgShow('系统提示', '请输入密码！', 'warning');
                return false;
            }
            if ($rePass.val() == '') {
                msgShow('系统提示', '请在一次输入密码！', 'warning');
                return false;
            }

            if ($newpass.val() != $rePass.val()) {
                msgShow('系统提示', '两次密码不一至！请重新输入', 'warning');
                return false;
            }

            $.post('/ajax/editpassword.ashx?newpass=' + $newpass.val(), function(msg) {
                msgShow('系统提示', '恭喜，密码修改成功！<br>您的新密码为：' + msg, 'info');
                $newpass.val('');
                $rePass.val('');
                close();
            })
            
        }

        $(function() {

            openPwd();

            $('#editpass').click(function() {
                $('#w').window('open');
            });

            $('#btnEp').click(function() {
                serverLogin();
            })

			$('#btnCancel').click(function(){closePwd();})

            $('#loginOut').click(function() {
                $.messager.confirm('系统提示', '您确定要退出本次登录吗?', function(r) {

                    if (r) {
                       
                    }
                });
            })
			
			//初始化导航菜单
			init(_menus);
        });
		
		

    </script>

<style>
#css3menu li{ float:left; list-style-type:none;}
#css3menu li a{	color:#fff; padding-right:20px;}
#css3menu li a.active{color:yellow;}
</style>

</head>
<body class="easyui-layout" style="overflow-y: hidden"  scroll="no">
<noscript>
<div style=" position:absolute; z-index:100000; height:2046px;top:0px;left:0px; width:100%; background:white; text-align:center;">
    <img src="images/noscript.gif" alt='抱歉，请开启脚本支持！' />
</div></noscript>
    <div region="north" split="true" border="false" style="overflow: hidden; height: 30px;
        background: url(images/layout-browser-hd-bg.gif) #7f99be repeat-x center 50%;
        line-height: 20px;color: #fff; font-family: Verdana, 微软雅黑,黑体">
        <span style="float:right; padding-right:20px;" class="head">欢迎 admin <a href="#" id="editpass">修改密码</a> <a href="#" id="loginOut">安全退出</a></span>
        <span style="padding-left:10px; font-size: 16px; float:left;"><img src="images/blocks.gif" width="20" height="20" align="absmiddle" /> </span>
    </div>
    <div region="south" split="true" style="height: 30px; background: #D2E0F2; ">
        <div class="footer">By itany Email:itany123.command</div>
    </div>
    <div region="west" hide="true" split="true" title="导航菜单" style="width:180px;" id="west">
<div id='wnav' class="easyui-accordion" fit="true" border="false">
		<!--  导航内容 -->
				
			</div>

    </div>
    <div id="mainPanle" region="center" style="background: #eee; overflow-y:hidden">
        <div id="tabs" class="easyui-tabs"  fit="true" border="false" >
			<div title="欢迎使用" style="padding:20px;overflow:hidden;" id="home">
                 <iframe frameborder=0 width="100%" height="100%" src="userlist.html" id="ch"></iframe>
			</div>
		</div>
    </div>
    
    
    <!--修改密码窗口-->
    <div id="w" class="easyui-window" title="修改密码" collapsible="false" minimizable="false"
        maximizable="false" icon="icon-save"  style="width: 300px; height: 150px; padding: 5px;
        background: #fafafa;">
        <div class="easyui-layout" fit="true">
            <div region="center" border="false" style="padding: 10px; background: #fff; border: 1px solid #ccc;">
                <table cellpadding=3>
                    <tr>
                        <td>新密码：</td>
                        <td><input id="txtNewPass" type="Password" class="txt01" /></td>
                    </tr>
                    <tr>
                        <td>确认密码：</td>
                        <td><input id="txtRePass" type="Password" class="txt01" /></td>
                    </tr>
                </table>
            </div>
            <div region="south" border="false" style="text-align: right; height: 30px; line-height: 30px;">
                <a id="btnEp" class="easyui-linkbutton" icon="icon-ok" href="javascript:void(0)" >
                    确定</a> <a id="btnCancel" class="easyui-linkbutton" icon="icon-cancel" href="javascript:void(0)">取消</a>
            </div>
        </div>
    </div>

	<div id="mm" class="easyui-menu" style="width:150px;">
		<div id="mm-tabupdate">刷新</div>
		<div class="menu-sep"></div>
		<div id="mm-tabclose">关闭</div>
		<div id="mm-tabcloseall">全部关闭</div>
		<div id="mm-tabcloseother">除此之外全部关闭</div>
		<div class="menu-sep"></div>
		<div id="mm-tabcloseright">当前页右侧全部关闭</div>
		<div id="mm-tabcloseleft">当前页左侧全部关闭</div>
		<div class="menu-sep"></div>
		<div id="mm-exit">退出</div>
	</div>


</body>
</html>